<div class="panel panel-default panel-intro ">
    <div class="panel-heading">

        {:build_heading(null,FALSE)}
        <style>
            td{
                text-align: left !important; vertical-align: middle;
            }
        </style>
        <ul class="nav nav-tabs nav-custom-condition">
            <li class="active"><a href="#t-all" data-value="" data-toggle="tab">全部分类</a></li>
            <li class=""><a href="#t-1" data-value='1' data-toggle="tab">环境</a></li>
            <li class=""><a href="#t-2" data-value='2' data-toggle="tab">产品</a></li>
        </ul>

    </div>

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('product/category/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
                        <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('product/category/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('product/category/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>


                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="{:$auth->check('product/category/edit')}"
                           data-operate-del="{:$auth->check('product/category/del')}"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>


<!--{include file="/common/scripts" /}-->
<!--<style>-->
<!--    .area-index .sa-title .tip {-->
<!--        margin-left: 8px;-->
<!--        font-weight: 400;-->
<!--        font-size: 12px;-->
<!--        color: var(&#45;&#45;sa-subfont);-->
<!--    }-->

<!--    .area-index .sa-title .tip a {-->
<!--        color: var(&#45;&#45;sa-subfont);-->
<!--        text-decoration: underline;-->
<!--    }-->

<!--    .area-index .tree-header {-->
<!--        height: 40px;-->
<!--        padding-left: 20px;-->
<!--        background: var(&#45;&#45;sa-table-header-bg);-->
<!--    }-->

<!--    .area-index .tree-content .el-tree-node__content {-->
<!--        height: 48px;-->
<!--    }-->

<!--    .area-index .tree-content .el-tree-node__label {-->
<!--        flex: 1;-->
<!--    }-->

<!--    .area-index .tree-header .left,-->
<!--    .area-index .tree-content .left {-->
<!--        flex: 1;-->
<!--    }-->

<!--    .area-index .tree-header .id,-->
<!--    .area-index .tree-content .id {-->
<!--        margin-right: 12px;-->
<!--        color: #999;-->
<!--    }-->

<!--    .area-index .tree-header .level,-->
<!--    .area-index .tree-header .oper,-->
<!--    .area-index .tree-content .level,-->
<!--    .area-index .tree-content .oper {-->
<!--        flex-shrink: 0;-->
<!--        width: 120px;-->
<!--    }-->
<!--</style>-->
<!--<div id="index" class="area-index panel panel-default panel-intro" v-cloak>-->
<!--    <el-container class="panel-block">-->
<!--        <el-header class="sa-header">-->
<!--            <div class="sa-title sa-flex sa-flex-wrap sa-row-between">-->
<!--                <div class="sa-title-left">-->
<!--                    <div class="left-name">产品检测分类</div>-->
<!--                </div>-->
<!--                <div class="sa-title-right">-->
<!--                    <el-button class="sa-button-refresh" icon="RefreshRight" @click="getData"></el-button>-->
<!--                    {if $auth->check('shopro/data/area/add')}-->
<!--                    <el-button icon="Plus" type="primary" @click="onAdd">添加</el-button>-->
<!--                    {/if}-->
<!--                </div>-->
<!--            </div>-->
<!--        </el-header>-->
<!--        <el-main class="sa-main">-->
<!--            <el-scrollbar height="100%">-->
<!--                <div class="tree-header sa-flex">-->
<!--                    <div class="left">名称</div>-->
<!--                    <div class="oper">操作</div>-->
<!--                </div>-->
<!--                <el-tree class="tree-content" :data="state.data" node-key="id" ref="accessTree">-->
<!--                    <template #default="{ node, data }">-->
<!--                        <div class="tree-item sa-flex">-->
<!--                            <div class="left sa-flex">-->
<!--                                <div class="id"> #{{ data.id }} </div>-->
<!--                                <div class="name">{{ data.name }}</div>-->
<!--                            </div>-->
<!--                            <div class="oper">-->

<!--                                <el-button type="primary" link @click.stop="onEdit(node.data.id)">编辑</el-button>-->

<!--                                <el-popconfirm width="fit-content" confirm-button-text="确认" cancel-button-text="取消"-->
<!--                                               title="确认删除这条记录?" @confirm="onDelete(node.data.id)">-->
<!--                                    <template #reference>-->
<!--                                        {if $auth->check('shopro/data/area/delete')}-->
<!--                                        <el-button type="danger" link @click.stop>删除</el-button>-->
<!--                                        {/if}-->
<!--                                    </template>-->
<!--                                </el-popconfirm>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </template>-->
<!--                </el-tree>-->
<!--            </el-scrollbar>-->
<!--        </el-main>-->
<!--    </el-container>-->
<!--</div>-->


